import { formatPrice } from "./ts/format.js";
import { sum, mul } from "./utils/math.js";
import _ from "lodash";
import "./css/style.css";
import "./css/normal.less";
import VueApp from "./vue/App.vue";
import ReactApp from "./react/App.jsx";
import { createApp } from "vue";
import React from "react";
import ReactDom from "react-dom/client";

// 模块化代码的使用
console.log(sum(20, 30));
console.log(mul(20, 30));
console.log(_.join([1, 2, 3]));

// ts
console.log(formatPrice(12));

// less
const titleEl = document.createElement("h2");
titleEl.innerHTML = "哈哈";
titleEl.className = "title";
document.body.appendChild(titleEl);

// vue
createApp(VueApp).mount(document.querySelector("#app"));

// react
ReactDom.createRoot(document.getElementById("root")).render(<ReactApp />);
